<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        移动端浏览器不像电脑端，电脑端主流的浏览器就那么几个。但是移动端就比较多了。不过移动端的浏览器大多是根据webkit内核改的，所以我们无需再像pc端css一样写很多-webkit-,-opera...什么的去考虑兼容性问题。

        目前市面上的手机屏幕大小不一

        总结来说:
            1. 移动端浏览器主要针对webkit内核进行兼容
            2. 我们现在开发的移动端主要针对手机端开发
            3. 现在移动端碎片化比较严重，分辨率和屏幕尺寸大小不一
            4. 学会用谷歌浏览器模拟手机界面以及调试
     -->
</body>
</html>